.box{
  width: 100%;
  height: 100%;
}

.box-size{
  box-sizing: border-box;
}

.fl{
  float: left;
}
.fr{
  float: right
}
.clearB::after{
  content: "";
  display: block;
  clear: both;
}


.pa{
  position: absolute
}
.pr{
  position: relative;
}


.center{
  text-align: center;
}


/* color */
.color-white{
  color: #fff
}
.color-blue{
  color: #4977E7;
}
.color-red{
  color: red;
}
.color-yellow{
  color: #FF9C06
}
.color-green{ /* 可以点击的a标签颜色 */
  color: #11AE11
}
.color666{
  color: #666;
}
.color999{
  color: #999;
}

.bc-white{
  background-color: #fff;
}
.bc-blue{
  background-color: #4977E7;
}
.bc-gray{
  background-color: #efeff4;
}
.bc-red{
  background-color: red;
}
.bc-yellow{
  background-color: #FF9C06
}
.bc-green{
  background-color: #00998d
}

.white-space{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

/* .hover:hover{
  opacity: .8;
  cursor: pointer;
} */
.active:active{
  opacity: .8;
  background-color: #efefef;
}

.no-data{
  text-align: center;
  font-size: 12px;
  line-height: 80px;
  color: #999;
}